<template>
	<div class="mapbox1">

		<el-carousel height="616px" arrow="always">
			<el-carousel-item v-for="(item,index) in srcs" :key="index">
				<img :src="item" />
			</el-carousel-item>
		</el-carousel>
		<div class='yy'>

		</div>

	</div>

</template>
<script type="text/javascript">
	export default {
		name: "SowingMap",
		data() {
			return {
				srcs: ["../../../../static/imgs/banner/banner-1.png",
					"../../../../static/imgs/banner/banner-2.png"

				]
			}
		}
	}
</script>
<style >
	.mapbox1 .el-carousel {
		width: 1300px;
		margin-left: 308px;
		border-radius: 10px;
	}
	
	.mapbox1 .el-carousel__item h3 {
		color: #475669;
		font-size: 18px;
		opacity: 0.75;
		line-height: 300px;
		margin: 0;
	}
	
	.mapbox1 .el-carousel__item:nth-child(2n) {
		background-color: #99a9bf;
	}
	
	.mapbox1 .el-carousel__item:nth-child(2n+1) {
		background-color: #d3dce6;
	}
	
	.mapbox1 .el-carousel__indicator {
		border-radius: 50%;
		width: 12px;
		height: 12px;
		padding: 0px;
		margin-right: 16px;
		background-color: #868686;
	}
	
	.mapbox1 .el-carousel__indicator.is-active {
		background-color: #F5855F;
	}
	
	.mapbox1 .el-carousel__button {
		display: none;
	}
	
	.mapbox1 .yy {
		width: 1356px;
		height: 75px;
		margin: 0 auto;
		margin-top: 62px;
		background: url(../../../../static/imgs/bk/yy.png);
	}
</style>